<template>
	
	<div>
		
		
		<div class="free_column" @click="toDetail()">
			
			<div class="column_img">
				<img src="../../static/image/banner3.jpg"/>
			</div>
			<div class="column_bottom">
				<flexbox >
			      <flexbox-item :span="8"><div class="flex-demo">
			      	<flexbox>
				      <flexbox-item :span="8"><div class="flex-demo" style="text-align: left;padding-left:0.5rem;">
				      	<img class="userImg" src="../assets/head.jpeg"/>
				      	<span class="f15">周子思维:《财道》</span>
				      </div></flexbox-item>
				      <flexbox-item><div class="flex-demo padT19" style="font-size: 0.9rem;">第2节</div></flexbox-item>
				    </flexbox>
			      </div></flexbox-item>
			      <flexbox-item><div class="flex-demo" style="color:#910A81 ;padding-top: 19px;font-size: 0.95rem;">199.00元/年</div></flexbox-item>
			   </flexbox>
			    <flexbox>
			      <flexbox-item :span="8"><div style="padding-top: 5px;padding-left: 0.5rem;">
			      	《秘密》启示（下）：经营企业就是经营相信 
			      </div></flexbox-item>
			      <flexbox-item><div class="flex-demo section">共31节</div></flexbox-item>
			    </flexbox>
			    <div style="padding-left: 10px;margin-top: 10px;color: #C7C7C7;">
			    	<span>06-28更新</span>
			        <span style="margin-left: 20px;">时长：07:15</span>
			    </div>
			    
			</div>
		</div>
		
		
		
		
		
		
	</div>
	
	
	
	
	
	
</template>

<script>
	
	export default {
		
		
		methods:{
			toDetail:function(){
				this.$router.push({ path: '/classDetail'});
			}
		}
		
		
	}
	
	
	
	
	
	
</script>

<style>
	
	
	
	.column_top{
		border-bottom: solid 1px #e3e3e3;
    	/*padding-left: 10px;*/
    	padding: 5px 10px;
	}
	.free_column{
		background: #FFFFFF;
	}
	
	
</style>